/*********************/
/* yahoo reset stuff */
/*********************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
/*table{border-collapse:collapse;border-spacing:0;}*/
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
/***********/
/* general */
/***********/
body {
	font-family: arial, sans-serif;
	font-size: 0.8em;
	
	background-image:url('img/bg_body.gif');
	background-repeat:repeat-x;
	background-color: rgb(238,238,255);
	padding: 10px;
}
fieldset input,fieldset label,fieldset select{
  margin-bottom:0.2em;
}
input,select{
background-color:rgb(219,236,132);
}
select.prefTab{
  width:80px;
}
label{
  font-size:0.8em;
}
a {
	color: black;
	text-decoration: none;
}
fieldset a{
  text-decoration:underline;
}
fieldset a:hover{
  text-decoration:underline;
  color:rgb(255,122,38);
}
ul.rights{
  margin-top:0.5em;
  margin-left:1em;
}
ul.rights li{
  list-style-type:square;
}
a:hover {
	text-decoration: underline;
}
table{
  width:100%;
  background-color:white;
  border-spacing:0;
  padding:0;
  border-collapse:collapse;
  table-layout:fixed;
  margin-top:0.5em;
  margin-bottom:0.5em;
  border-bottom:1px solid #cecece;
  border-left:1px solid #cecece;
}
th{
  font-weight:bold;
  text-align:center;
  background-color:rgb(172,189,85);
  color:white;
  font-size:0.8em;
  cursor:pointer;
  height:16px;
}
.btnUserAdd{
  cursor:pointer;
  width:16px;
  width:16px;
  background-image:url('img/user_add.png');
  background-repeat:no-repeat;
  background-color:transparent;
}
.btnUserDelete{
  cursor:pointer;
  width:16px;
  width:16px;
  background-image:url('img/user_delete.png');
  background-repeat:no-repeat;
  background-color:transparent;
}
.btnPassword{
  cursor:pointer;
  width:16px;
  width:16px;
  background-image:url('img/key.png');
  background-repeat:no-repeat;
  background-color:transparent;
}
.btnGroupAdd{
  cursor:pointer;
  width:16px;
  width:16px;
  background-image:url('img/group_add.png');
  background-repeat:no-repeat;
  background-color:transparent;
}
.btnGroupDelete{
  cursor:pointer;
  width:16px;
  width:16px;
  background-image:url('img/group_delete.png');
  background-repeat:no-repeat;
  background-color:transparent;
}
.btnAddFolder{
  cursor:pointer;
  width:16px;
  width:16px;
  background-image:url('img/folder_add.png');
  background-repeat:no-repeat;
}
.btnCheck{
  cursor:pointer;
  width:16px;
  width:16px;
  background-image:url('img/tick.png');
  background-repeat:no-repeat;
}
th.sortUp{
  background-color:rgb(145,163,45);
  background-image:url('img/arrow_up.gif');
  background-repeat:no-repeat;
  background-position:5% 50%;
}
th.sortDown{
  background-color:rgb(145,163,45);
  background-image:url('img/arrow_down.gif');
  background-repeat:no-repeat;
  background-position:5% 50%;
}
th a{
  color:white;
}
th a:hover{
  color:yellow;
  text-decoration:none;
}
td{
  margin:1px;
  border-right:1px solid #cecece;
}
td.tdFoot{
border-top:1px solid #cecece;
}
.tr2{
  background-color:rgb(219,236,132);
}
.tr2 td{
  background-color:rgb(219,236,132);
}
.tr1{
  background-color:white;
}
.tr1 td{
  background-color:white;
}
td.tdArtist{
  width:25%;
}
td.tdTitle{
  width:30%;
}
td.tdAlbum{
  /*width:25%;*/
}
td.tdStamp{
  width:7%;
}
td.tdGenre{
  width:7%;
}
td > div{
  width:100%;
  white-space: nowrap; /* IE don't like this */
	overflow:hidden;
	font-size:0.8em;
}
td.tdArtist > div {
  font-weight:bold;
}
td.tdTitle > div {
  font-weight:bold;
}
td.tdAdd,td.tdTag,td.tdCheck,td.tdDownload{
  text-align:center;
  width:16px;
}
#mainContent {
	width: 69%;
	margin-top: 20px;
	float: left;
}

#importFrm
{
  border:none;
}
#help {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: white;
	background-image:url('img/bg_body.gif');
	padding: 2px;
	padding-left: 1em;
	text-align: center;
	font-weight: bold;
	color: rgb(145,163,45);
	margin-bottom: 20px;
}
#help:before
{
  /*content:url('img/bullet_go.png');*/
}
fieldset {
	padding: 1em;
	margin: 0.5em;
	border:1px solid rgb(172,189,85);
}
legend {
	font-weight: bold;
	color:rgb(145,163,45);
}

.inlineEdit input{
  width:99%;
  border:1px solid rgb(162,212,153);
  background-color:white;
  font-size:0.9em;
  color:rgb(49,112,44);
  font-weight:bold;
}
#keyword {
	background-image: url('img/search.gif');
	background-repeat: no-repeat;
	padding-left: 16px;
}
.tickCol {
	width: 16px;
}
iframe {
	width: 100%;
	height: 500px;
	overflow: auto;
}
.browserpage {
	width: 100%;
	height: 500px;
	overflow: auto;
}
#loginBox {
	position: absolute;
	top: 20%;
	left: 40%;
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#loginBox input {
	margin-bottom: 0.5em;
}
.errormsg {
	color: red;
}
td {
	background-color: transparent;
	padding: 2px;
}
tr.row1 {
	background-color: rgb(237,243,254);
}
tr.row2 {
	background-color: white;
}
.loadingMsg {
	background: url('img/loading.gif') no-repeat;
	background-position: 40%;
	text-align: center;
	padding: 40px;
}
#ajaxStatus{
  position:absolute;
  top:0;
	background: url('img/loading.gif') no-repeat;
  padding-left : 32px;
}
#podcastManagement {
	padding: 0px;
}
#podcastView h2,#playlistSpace h2 {
	font-size: 1.2em;
	margin-top: 1em;
	margin-bottom: 1em;
	font-weight: bold;
}
#podcastView h2:after {
	content: ': ';
}
#podcastView table {
	width: 100%;
	border: 1px solid #97a5b0;
}
.textDiv {
	margin-top: 1em;
	margin-bottom: 1em;
}
ul.podcastItems,ul.plsItems {
	border: 1px solid #cccccc;
	background-color: rgb(219,236,132);
	padding: 1em;
	max-height:360px;
	overflow:auto;
}
.podcastItems h3 {
	margin-top: 1em;
	font-weight: bold;
}
.podcastItems input {
	cursor: pointer;
}
.podcastItems label {
	margin-left: 1em;
	font-weight: bold;
}
.podcastItems div {
	margin: 1em;
	padding: 1em;
	font-size: 0.8em;
	border: 1px dashed #cccccc;
	background-color: white;
}
.btnGoToPod{
  background-color:transparent;
  border:none;
  width:16px;
  height:16px;
  cursor:pointer;
  background-image:url('img/feed_go.png');
}
.btnGoPod{
  background-color:transparent;
  border:none;
  width:16px;
  height:16px;
  background-image:url('img/feed_add.png');
}
.btnStopPod{
  background-color:transparent;
  border:none;
  width:16px;
  height:16px;
  background-image:url('img/feed_delete.png');
}
.btnResPrevious{
  background-color:transparent;
  border:none;
  width:16px;
  height:16px;
  background-image:url('img/resultset_previous.png');
}
.btnResNext{
  background-color:transparent;
  border:none;
  width:16px;
  height:16px;
  background-image:url('img/resultset_next.png');
}
.btnEdit{
  background-color:transparent;
  border:none;
  width:16px;
  height:16px;
  background-image:url('img/application_form_edit.png');
}
.btnSave{
  background-color:transparent;
  border:none;
  width:16px;
  height:16px;
  background-image:url('img/disk.png');
}
.btnDownload{
  background-color:transparent;
  border:none;
  width:16px;
  height:16px;
  cursor:pointer;
  background-image:url('img/arrow_down.png');
}
.btnAddToCollection
{
  background-color:transparent;
  border:none;
  width:16px;
  height:16px;
  background-image:url('img/basket_put.png');
}
.btnAddToCue
{
  background-color:transparent;
  border:none;
  width:16px;
  height:16px;
  background-image:url('img/add.png');
}
.btnPodRemove,.btnPlsRemove{
  cursor:pointer;
  background-image:url('img/bin_closed.png');
  width:16px;
  height:16px;
  background-color:transparent;
  border:none;
}
.btnPodRemove:hover,.btnPlsRemove:hover{
  background-image:url('img/bin_empty.png');
}
.btnPodAdd{
  cursor:pointer;
  background-image:url('img/transmit.png');
  width:16px;
  height:16px;
  background-color:transparent;
  border:none;
}
.btnPodAdd:hover{
  background-image:url('img/transmit_add.png');
}
/**************/
/*   Player   */
/**************/
#player{
	width: 28.5%;
	float: right;
	margin-top: 45px;
	border: 1px solid #97a5b0;
	padding: 1em 8px;
background-color: white;
}
#playerSpace
{
  cursor:pointer;
}
.playerSlider {
	position: relative;/* important !!!*/
	height: 16px;
	background-color: rgb(219,236,132);
	margin-bottom: 0.5em;
	overflow:hidden;
}
.playerCursor {
	position: absolute;/* important !!!*/
	width: 8px;
	height:16px;
	background-color:rgb(145,163,45);
	cursor: pointer;
	/*background-image:url('img/shading2.png');*/
}
.playerLbl{
  position:relative;
  padding-left:20px;
  font-size:0.9em;
  white-space: nowrap;
	overflow:hidden;
	text-align:center;
}
#btnPlayer, #btnNext {
	cursor: pointer;
	background-color:transparent;
	border:none;
	width:16px;
	height:16px;
}
.btnNext
{
  background-image:url('img/control_end.png');
}

.btnPause
{
  background-image:url('img/control_pause.png');
}

#controlSpace
{
  margin-bottom:0.5em;
}
.btnPlayerSpace{
  display: block;
  width: 16px;
	height: 16px;
	float: left;
	background-color: transparent;
	border: none;
	margin-right: 0.2em;
}
.btnNextSpace{
  display: block;
	height: 16px;
	width: 16px;
	float: right;
	background-color: transparent;
	border: none;
	margin-left: 0.2em;
}
.currLabel{
  height:16px;
  display:block;
  white-space: nowrap;
	overflow:hidden;
	font-weight:bold;
	text-transform:capitalize;
}
/*****************/
/*   Cue List    */
/*****************/
.cueItemHover {
}
.cueItemActive {
}
.cueItemHelper {
	border: 1px dashed #97a5b0;
}
#cueList {
}
#cueList li {
  height:16px;
	margin-top: 0.2em;
	padding: 0;
	background-color: rgb(219,236,132) !important;
	clear: both;
	overflow:hidden;
}
.handle {
	display: block;
	cursor: move;
	/*background-image: url('img/shading.png') !important;
	background-repeat: no-repeat !important;*/
	background-color:rgb(172,189,85) !important;
	width: 8px;
	height: 16px;
	float: left;
	background-color: transparent;
	border: none;
	margin-right: 0.5em;
}
.lblCue {
  color:#97a5b0;
	display: block;
	padding: 0.2em;
	font-size: 0.8em;
	font-weight: bold;
	white-space: nowrap;
	overflow:hidden;
	cursor:pointer;
}
.itemControls {
	display: block;
	width: 16px;
	padding: 0;
	margin: 0;
	float: right;
}
.itemControls input {
  cursor:pointer;
	width: 16px;
	margin: 0;
	padding: 0;
  background-color:transparent;
  border:none;
}
.btnPlay
{
  background-image:url('img/control_play.png');
}

.btnRemove
{
  background-image:url('img/bin_closed.png');
}
.btnRemove:hover
{
  background-image:url('img/bin_empty.png');
}
.playinItem
{
  color:black;
}
.btnCueEmpty{
  cursor:pointer;
  background-image:url('img/page.png');
  width:16px;
  height:16px;
  background-color:transparent;
  border:none;
}
.btnCueSaveAs{
  cursor:pointer;
  background-image:url('img/page_save.png');
  width:16px;
  height:16px;
  background-color:transparent;
  border:none;
}

/*******************/
/*    Playlist     */
/*******************/

.btnRmPlaylist{
  cursor:pointer;
  background-image:url('img/bin_closed.png');
  width:16px;
  height:16px;
  background-color:transparent;
  border:none;
}
.btnRmPlaylist:hover{
  background-image:url('img/bin_empty.png');
}
/******************************************/
/* tab styles by http://www.stilbuero.de  */
/******************************************/

#libTabLink {
  background-image:url('img/music.png');
  background-repeat:no-repeat;
  background-position:5px 5px;
}

#podTabLink{
  background-image:url('img/ipod_cast.png');
  background-repeat:no-repeat;
  background-position:5px 5px;
}
#plsTabLink{
  background-image:url('img/page.png');
  background-repeat:no-repeat;
  background-position:5px 5px;
}
#prefTabLink{
  background-image:url('img/cog_edit.png');
  background-repeat:no-repeat;
  background-position:5px 5px;
}
#admTabLink{
  background-image:url('img/group_edit.png');
  background-repeat:no-repeat;
  background-position:5px 5px;
}
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen {
/* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.tabs-hide {
	display: none;
}
}
/* Hide useless elements in print layouts... */
@media print {
.tabs-nav {
	display: none;
}
}
/* Skin */
.tabs-nav {
	list-style: none;
	margin: 0;
	padding: 0 0 0 4px;
}
.tabs-nav:after {
/* clearing without presentational markup, IE gets extra treatment */
	display: block;
	clear: both;
	content: " ";
}
.tabs-nav li {
	float: left;
	margin: 0 0 0 5px;
}
.tabs-nav a {
	display: block;
	position: relative;
	top: 1px;
	z-index: 2;
	padding: 6px 10px 0;
	width: 84px;
	height: 18px;
	color: #27537a;
	font-size: 0.8em;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	background-color:rgb(219,236,132);
	/*background: url('img/tab.png') no-repeat;*/
}
.tabs-nav .tabs-selected a {
	padding-top: 7px;
	color: #FFF;
	background-color:rgb(145,163,45);
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
	/*background-position: 0 -50px;*/
	outline: 0;/* @ Firefox, switch off dotted border */
}
.tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
	/*background-position: 0 0;*/
	background-color:rgb(217,0,74);
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited {/* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {/* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
.tabs-nav .tabs-disabled {
	opacity: .4;
}
.tabs-container {
	border: 1px solid #97a5b0;
	padding: 1em 8px;
	background-color: white;
  overflow:hidden;
}
.tabs-loading span {
	padding: 0 0 0 20px;
	background: url('img/loading.gif') no-repeat 0 50%;
}
/**************/
/*  JQ modal  */
/**************/
.jqmWindow {
	display: none;
	position: fixed;
	top: 10%;
	left: 20%;
	right: 20%;
	background-color: #EEE;
	color: #333;
	border: 1px solid black;
	padding: 12px;
}
.jqmOverlay {
	background-color: #000;
}
